<template>
  <div class="sea-flower-item">
    <el-card shadow="never">
      <sea-table-title slot="header" title="进度条"></sea-table-title>

      <div style="padding: 6px">
        <sea-steps :options="list" :step="step" class="pull-left"></sea-steps>
        <el-button-group class="pull-right">
          <el-button >
            <i class="fa fa-fw fa-chevron-left"></i>上一步
          </el-button>
          <el-button  type="primary">
            下一步 <i class="fa fa-fw fa-chevron-right"></i>
          </el-button>
        </el-button-group>
        <div class="clearfix"></div>
      </div>
    </el-card>
  </div>
</template>

<script>
import SeaSteps from "@/widget/ui/sea-steps.vue";

export default {
    name: "steps"
    , components:{SeaSteps}
    , data() {
        return {
            list: [
                {value: 'item1', label: '项目1'}
                , {value: 'item2', label: '项目2'}
                , {value: 'item3', label: '项目3'}
            ],
            step: 1
        }
    }
}
</script>

<style scoped>

</style>